<style>
    .boxx{width: 1190px;height: 342px;position: relative;overflow: hidden;}
    .innn{width: calc(1190px*5);height: 317px;animation: name1 15s ease-out infinite;}
    .ulss{float: left;width: 1190px;height: 317px;}
    .ulss li{width: 220px;height: 315px;border: 1px solid #ccc;list-style: none;}
    .ulss .li11{float: left;margin-right: 20px;}
    .ulss .li12{float: right;}
    .ulss li:hover{border: 1px solid #f40;}

    .div1{width: 220px;height: 36px;text-align: center;line-height: 36px;position: relative;}
    .div1>a{line-height: 36px;display: inline-block;z-index: 2;background-color: #fff;text-align: center;position: relative;padding: 0 15px;text-decoration: none;}
    .div1>a>span:nth-child(1){font-size: 14px;color: #f40;font-weight: 700;}
    .div1>a>span:nth-child(2){font-size: 12px;color: #ccc;font-weight: 700;text-decoration: line-through;}
    .div1>div{border-top: 1px solid #ccc;position: absolute;height: 40px;width: 220px;top: 20px;}
    .div2{width: 220px;line-height: 20px;margin-top: -2px;text-align: center;}
    .div2>a{width: 220px;height: 20px;line-height: 20px;display: block;color: #242424;font-size: 14px;text-decoration: none;overflow: hidden;cursor: pointer;}
    .div2:hover .div2>a{color:#f40;}
    .div3{width: 220px;line-height: 16px;margin-top: 2px;}
    .div3>a:nth-child(1){display: block;float: left;font-size: 12px;line-height: 16px;text-decoration: none;color: #6c6c6c;text-align: left;margin-left: 3px;}
    .div3>a:nth-child(2){display: block;float: right;width: 16px;height: 16px;background-position: -20px -105px;margin-right: 5px;vertical-align: middle;}
    .div3>a:hover{color: #f40;}
    .bjt{background: url("img/精灵图.png") 0 0 no-repeat;}

    .btnt{width: 155px;height: 15px;position: absolute;bottom: 0;left: 44%;overflow: hidden;}
    .btnt ul li{width: 15px;height: 15px;background-color: #ccc;float: left;margin-right: 10px;border-radius: 50%;line-height: 7px;cursor: pointer;}
    .btnt ul li.on{background-color: #f40;}
    .div4{width: 220px;font-size: 12px;height: 18px;clear: both;}
    .div4>a{display: block;color: #9c9c9c;text-decoration: none;}
    .div4>a span{color: #6c6c6c;}
    .div4>a:hover{text-decoration: underline;}
    @keyframes name1 {
        0%,15%{transform: translateX(0px);}
        20%,35%{transform: translateX(-1190px);}
        40%,55%{transform: translateX(-2380px);}
        60%,75%{transform: translateX(-3570px)}
        80%,100%{transform: translateX(-4760px);}
    }
</style>
<div class="boxx">
    <div class="innn">
        <ul class="ulss" style="display: block">
            <li class="li11">
                <a href="#"><img src="img/喜欢01.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢02.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢03.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢04.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li12">
                <a href="#"><img src="img/喜欢05.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
        </ul>
        <ul class="ulss">
            <li class="li11">
                <a href="#"><img src="img/喜欢06.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢07.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢08.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢09.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li12">
                <a href="#"><img src="img/喜欢10.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
        </ul>
        <ul class="ulss">
            <li class="li11">
                <a href="#"><img src="img/喜欢11.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢12.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢13.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢14.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li12">
                <a href="#"><img src="img/喜欢15.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
        </ul>
        <ul class="ulss">
            <li class="li11">
                <a href="#"><img src="img/喜欢01.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢02.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢03.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢04.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li12">
                <a href="#"><img src="img/喜欢05.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
        </ul>
        <ul class="ulss">
            <li class="li11">
                <a href="#"><img src="img/喜欢06.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢07.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢08.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li11">
                <a href="#"><img src="img/喜欢09.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
            <li class="li12">
                <a href="#"><img src="img/喜欢10.jpg" alt=""/></a>
                <div class="div1">
                    <a href="#" class="">
                        <span>¥768.00</span>
                        <span>¥2180.00</span>
                    </a>
                    <div></div>
                </div>
                <p class="div2">
                    <a href="#">西装套装男士西服伴郎服上班职业装韩版修身商务正装藏青色四季款</a>
                </p>
                <p class="div3">
                    <a href="#">月销 <span>159</span></a>
                    <a href="#" class="bjt"></a>
                </p>
                <p class="div4">
                    <a href="#">根据您浏览的<span>"夹克"</span>推荐</a>
                </p>
            </li>
        </ul>
    </div>
    <div class="btnt">
        <ul>
            <li class="on"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>